// import React from "react";
import { Component } from "react";

// 类组件，通过class来定义的组件

// class DemoA extends React.Component {
// 是很早之前比较流行的写法，现在这种写法也是需要我们掌握的
// 类组件中有：生命周期函数，有this，有state，有上下文，有ref
// 缺点：相比函数式组件，类组件性能差一点
class DemoA extends Component {
  // 类组件必须有一个生命周期函数，叫render
  render() {
    console.log("render...");
    return (<h2>类组件</h2>)
  }
}


// 函数式组件：这种写法从React诞生就有了，现在使用函数式写法更多一点
// 具备：这两种写法之间的相互转化
// 函数组件中无：无生命周期函数，无this，无state，无上下文，无ref
// 配合React中的hook可以实现函数组件中缺失的功能。
// 优点：相比类组件组件来说，性能更好
// 不管是哪一种写法，首字母必须大写。
function DemoB() {
  return (
    <h2>函数式组件</h2>
  )
}

export default DemoB;